<template>
    <div>
        <h1>检查长度</h1>
        <input v-model="inputValue" type="text"/>
        <button @click="checkLength">检查长度</button>
        <p>{{ message }}</p>
    </div>
</template>

<script>
    export default{
        data(){
            return{
                inputValue:'',
                message:''
            };
        },
        methods:{
            checkLength(){
                if(this.inputValue.length < 6){
                    this.message='输入的内容长度不足，请至少输入6个字符哦~'
                }else{
                    this.message='输入的内容长度符合要求~';
            }
        }
    }
};
</script>